<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
<meta charset="utf-8" />
<title>${session.SOFT_NAME }_智能办公系统</title>
<meta name="description" content="Dashboard" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%include("../../../../resapi/style.html"){}%>
<script src="/module/dingdingapi/dingtalk.open.js"></script>
<link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
<link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet" />
<link href="/module/jeDate/jedate.css" rel="stylesheet" />
<style type="text/css">
#bom {
	position: fixed;
	left: 0px;
	bottom: 0;
	_position: absolute;
}

input[type=checkbox] {
	opacity: 1;
	position: initial;
}

input[type=radio] {
	opacity: 1;
	position: initial;
}

${
bpmFormDataBean
.styleScript


}
.form-group {
	border-bottom: 1px dashed #a09090;
	margin-bottom: 0px;
	padding: 5px 15px 2px 15px;
}

.form-group>label {
	font-weight: bold;
}

.form-group>span {
	line-height: 34px;
	text-align: right;
	padding-right: 5px;
}
</style>
</head>
<body style="overflow-y: auto;">
	<div class="page-body" style="padding: 0px;">
		<div class="main-container container-fluid">
			<div class="page-container">
				<div class="col-md-12 col-sm-12 col-xs-12">
				<div class="row" style="background-color: #2dc3e8;padding-left:15px;padding-right:15px;color: white;">
					<div style="font-weight: 600;height: 34px;line-height: 34px;">
						<span id="prcsName"></span>
						<span id="docNum" style="float:right;"></span>
					</div>
					<div style="font-weight: 600;">
						<span>紧急程序：</span>
						<select id="urgency" style="border-radius: 0px; margin-right: 10px;">
							<option value="0">一般</option>
							<option value="1">紧急</option>
							<option value="2">加急</option>
						</select>
						<div class="checkbox js-follow" style="display: inline-block;">
							<label style="display: none; padding-left: 0px;"> <input type="checkbox" class="colored-danger" name="follow-checkbox"> <span class="text">关注</span>
							</label>
						</div>
						<div class="checkbox js-follow" style="display: inline-block; line-height: 45px; float: right;">
							<a id="flowtitle" href="javascript:void(0);" class="btn btn-purple shiny btn-sm" style="display: none">文号</a>
						</div>
					</div>
		</div>

					<div class="row">${bpmFormDataBean.bpmFormHtml}</div>

					<div class="row" id="publicFileDiv" style="margin-bottom: 10px;">
						<div class="well with-header" style="padding-top: 50px; margin-bottom: 10px;">
							<div class="header bordered-palegreen">共公附件</div>
							<div class="row">
								<div style="display: inline-block; padding-left: 10px;">流程附件：</div>
								<div style="display: inline-block;">
									<div id="show_attach"></div>
									<a class="addfile" href="javascript:void(0)">附件上传 <input data_value="" type="file" onchange="fileUpLoad('bpm','attach');" hidefocus="true" size="1" id="attach" name="attach"
										class="addfile" multiple="multiple" /></a> <a class="addfile js-netfile" style="width: 200px;" href="#" op_id="attach" onclick="selectattach(this,'true')">选择网络文件</a>
								</div>
							</div>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;" id="ideaDiv">
						<div class="well with-header" style="padding-top: 40px; padding-left: 0px; padding-right: 0px;">
							<div class="header bordered-palegreen">会签意见</div>
							<div id="ideadiv">
								<div class="tickets-container" style="padding: 0px;">
									<ul class="tickets-list" id="ideaList">
									</ul>
								</div>
							</div>
							<div class="col-md-12 col-sm-12 col-xs-12">
								<div style="display: inline-block;">客观意见：</div>
								<div class="radio" style="display: inline-block;">
									<label> <input name="passStatus" type="radio" value="1" checked="checked"> <span class="text" style="z-index: 0">同意 </span>
									</label> <label> <input name="passStatus" type="radio" class="inverted" value="0"> <span class="text" style="z-index: 0">不同意</span>
									</label>
								</div>
							</div>
							<div class="col-md-12 col-sm-12 col-xs-12" id="ideaText">
								<div></div>
							</div>
							<div class="row" style="margin-bottom: 10px;">
								<div style="padding-left: 24px; padding-top: 10px;">

									<div>相关附件：</div>
									<div id="show_runAttach"></div>
									<a class="addfile" href="javascript:void(0)">附件上传 <input data_value="" type="file" onchange="fileUpLoad('bpm','runAttach');" hidefocus="true" size="1" id="runAttach" name="runAttach"
										class="addfile" multiple="multiple"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-12 col-sm-12 col-xs-12" id="bom">
					<div class="row" style="background-color: #bbb; text-align: center; padding-top: 10px; padding-bottom: 10px;">
						<div class="buttons-preview btn-group dropup" style="display: inline-block;">
							<a class="btn btn-darkorange">更多操作...</a> <a class="btn btn-darkorange dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-angle-up"></i>
							</a>
							<ul class="dropdown-menu dropdown-magenta">
								<li><a href="javascript:void(0);" class="js-before">前加签</a></li>
								<li><a href="javascript:void(0);" class="js-after">后加签</a></li>
								<li><a href="javascript:void(0);" class="js-goback">回退</a></li>
								<li><a href="javascript:void(0);" class="js-flowchat">BPM设计图</a></li>
								<li><a href="javascript:void(0);" class="js-runflowchat">BPM走向图</a></li>
							</ul>
						</div>
						<div class="buttons-preview" style="display: inline-block;">
							<a href="javascript:void(0);" style="display: none; margin: 0px;" class="btn btn-blue js-saveandendbtn">审阅</a> <a href="javascript:void(0);" style="display: none; margin: 0px;"
								class="btn btn-blue js-saveandnextbtn">转交</a> <a href="javascript:void(0);" class="btn btn-magenta js-savebtn" style="margin: 0px;">保存</a> <a href="javascript:void(0);history.back(-1);"
								class="btn btn-maroon" style="margin: 0px;">返回</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" id="changBpmTitleModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">BPM标题修改</h4>
				</div>
				<div class="modal-body">
					<input type="text" class="form-control" id="bpmFlowTitle" name="bpmFlowTitle" placeholder="BPM新标题">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-changeTitle">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>

	<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" id="addProcessModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">加签</h4>
				</div>
				<div class="modal-body">
					<input type="text" opt-id="addAccountId" onclick="selectUser(this,'false');" class="form-control" id="addAccountId" name="addAccountId" placeholder="加签人员" readonly="readonly">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-addProcess">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<div class="modal" style="display: none;" id="sealModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">手写签名</h4>
				</div>
				<div class="modal-body" style="padding:0px;">
					<div id="signature" style="background-color:lightgrey;height: 150px !important;"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning js-sealreset" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-seal">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;" id="goBackProcessModal">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myLargeModalLabel">回退任一一步</h4>
				</div>
				<div class="modal-body" style="padding: 0px;">
					<table class="table table-striped table-bordered table-hover dataTable no-footer" aria-describedby="simpledatatable_info">
						<thead>
							<tr>
								<th style="width: 50px;">选择</th>
								<th>步骤名称</th>
								<th>主办人</th>
								<th>办理时间</th>
							</tr>
						</thead>
						<tbody id="cangotbody">
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary js-goBackProcess">确认</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>

	<div id="orgselectdiv"></div>
	<div id="bpmselectdiv"></div>
	<div id="attachselect"></div>
	<div id="rowmodal"></div>
</body>
<% include("../../../../resapi/sysjs.html"){} %>
<script type="text/javascript">
	var runId="${parameter.runId}";
	var runProcessId="${parameter.runProcessId}";
</script>
${bpmFormDataBean.jsScript}
<script type="text/javascript" src="/module/orgselect/bpmuserselect.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/calculate.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/mobile/mbpmsys.js"></script>
<script type="text/javascript" src="/module/jeDate/jeDate.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/module/orgselect/orgselect.js"></script>
<script type="text/javascript" src="/module/fileupload/ajaxfileupload.js"></script>
<script type="text/javascript" src="/module/fileupload/mobilefileupload.js"></script>
<script type="text/javascript" src="/module/fileupload/attachselect.js"></script>
<script type="text/javascript" src="/assets/js/editors/summernote/summernote.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/jquery-getHtml-value.js"></script>
<script type="text/javascript" src="/module/jSignature/jSignature.js"></script>
<script type="text/javascript" src="/assets/js/bootbox/bootbox.js"></script>
<script type="text/javascript" src="/gobal/js/page/bpm/mobile/formmdata.js"></script>
<script type="text/javascript">
$('#ideaText').summernote({
    height: 200,
    focus:true,
    toolbar: [
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['insert', ['picture']]
    ],
    callbacks: {
        onImageUpload: function(files, editor, $editable) {
            sendFile(files);
        }
    }
});
</script>
</html>